const compoentList=[
    {
        i: "11",
        x: null,
        y: null,
        w: 6,
        h: 6,
        name: "查询列表",
        type: "dataTable",
        iconName: "el-icon-grid",
        config: {
          datasetId:''
        },
      },
      {
        x: null, //x轴位置
        y: null, //y轴位置
        w: 6, //width
        h: 6, //height
        i: "12", //唯一标识
        name: "柱状图", //名称
        type: "echarts", //组件类型
        iconName: "ts-icon-bar",
        config: {
          height: "100%",
          width: "100%",
          type: "bar", //图表类型
          echartTypeName: '柱状图"', //图表名称
          bar: {
            strip: false, //是否条形显示
            autoWidth: false, //自适应宽度
          },
          colorId: "1", //配色方案对应id
          dataset: {
            dims: [],
            indexs: [],
          },
          condition: {},
          option: {
            title: {
              text: "Bar Demo", //主标题
              subtext: "基础柱状图", //副标题
              textStyle: {
                // color:null,//颜色
                // fontSize:12//大小
              }, //主标题样式
              subtextStyle: {},
            },
            dataset: {
              dimensions: ["product", "2015", "2016", "2017"],
              source: [
                ["Matcha Latte", 43.3, 85.8, 93.7],
                ["Milk Tea", 83.1, 73.4, 55.1],
                ["Cheese Cocoa", 86.4, 65.2, 82.5],
                ["Walnut Brownie", 72.4, 53.9, 39.1],
              ],
            },
            legend: {
              show: true, //标签设置
              icon: "roundRect", //图标参照configData.icons
              //  data: ["A", "B"], //与series中的name对应
              orient: "horizontal", // 布局方式，默认为水平布局，可选为：
              // 'horizontal' ¦ 'vertical'
              x: "center", // 水平安放位置，默认为全图居中，可选为：
              // 'center' ¦ 'left' ¦ 'right'
              // ¦ {number}（x坐标，单位px）
              y: "top", // 垂直安放位置，默认为全图顶端，可选为：
              // 'top' ¦ 'bottom' ¦ 'center'
              // ¦ {number}（y坐标，单位px）
              textStyle: {
                color: "#333", // 图例文字颜色
                fontSize: 12, //大小
              },
            },
            color: [
              "#5470c6",
              "#91cc75",
              "#fac858",
              "#ee6666",
              "#73c0de",
              "#3ba272",
              "#fc8452",
              "#9a60b4",
              "#ea7ccc",
            ], //配色方案
            grid: {
              left: "2", //
              right: "1",
              top: "80",
              bottom: "40",
            }, //图形布局上下左右边距
            tooltip: {
              show: true, //是否显示
              trigger: "axis", //触发方式一般根据图形不可更改
              textStyle: {
                // color: null, // 图例文字颜色
                // fontSize: 12,//大小
              },
              formatter: "", //参加官网，较为复杂，一般不设置
            }, //提示框设置
            xAxis: {
              show: true, //是否展示
              type: "category", //一般固定
              //  data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
              name: "x轴", //名称
              // nameLocation: 'start',//名称位置
              // position:'bottom',//位置:上方下方
              nameTextStyle: {
                interval: 0,
                // color: null, // 文字颜色
                // fontSize: 12,//大小
              }, //名称颜色大小
              nameTruncate: {},
              axisLabel: {
                // formatter:'{value}'//模板
              },
            },
            yAxis: {
              show: true,
              type: "value",
              // name: "y轴",
              // nameLocation: 'end',
              // position:'left',//左右
              nameTextStyle: {
                interval: true,
                // color: null, // 文字颜色
                // fontSize: 12,//大小
              },
              nameTruncate: {},
              axisLabel: {
                // formatter:'{value}'//模板
              },
            }, //同x轴设置
            series: [
              {
                type: "bar", //图表类型
                barWidth: "15px", //柱状图宽
                itemStyle: {},
                label: {}, //标签相关设置
              },
              {
                type: "bar",
                barWidth: "15px",
                itemStyle: {},
                label: {},
              },
              {
                type: "bar",
                barWidth: "15px",
                itemStyle: {},
                label: {},
              },
            ],
          },
        },
      },
      {
        x: null,
        y: null,
        w: 6,
        h: 6,
        i: "13",
        name: "折线图",
        type: "echarts",
        iconName: "ts-icon-line",
        config: {
          type: "line",
          height: "100%",
          width: "100%",
          echartTypeName: "折线图",
          colorId: "1",
          dataset: {
            dims: [],
            indexs: [],
          },
          condition: {},
          option: {
            dataset: {
              dimensions: ["product", "2015", "2016", "2017"],
              source: [
                ["Matcha Latte", 43.3, 85.8, 93.7],
                ["Milk Tea", 83.1, 73.4, 55.1],
                ["Cheese Cocoa", 86.4, 65.2, 82.5],
                ["Walnut Brownie", 72.4, 53.9, 39.1],
              ],
            },
            title: {
              text: "Bar Demo",
              subtext: "基础柱状图",
              textStyle: {},
              subtextStyle: {},
            },
            legend: {
              show: true,
              icon: "roundRect", //参照configData.icons
              orient: "horizontal", // 布局方式，默认为水平布局，可选为：
              // 'horizontal' ¦ 'vertical'
              x: "center", // 水平安放位置，默认为全图居中，可选为：
              // 'center' ¦ 'left' ¦ 'right'
              // ¦ {number}（x坐标，单位px）
              y: "top", // 垂直安放位置，默认为全图顶端，可选为：
              // 'top' ¦ 'bottom' ¦ 'center'
              // ¦ {number}（y坐标，单位px）
              textStyle: {
                color: "#333", // 图例文字颜色
                fontSize: 12,
              },
            },
            color: [
              "#5470c6",
              "#91cc75",
              "#fac858",
              "#ee6666",
              "#73c0de",
              "#3ba272",
              "#fc8452",
              "#9a60b4",
              "#ea7ccc",
            ],
            grid: {
              left: "2",
              right: "1",
              top: "80",
              bottom: "40",
            },
            tooltip: {
              show: true,
              trigger: "axis",
              textStyle: {},
            },
            xAxis: {
              show: true,
              type: "category",
              name: "x轴",
              nameLocation: "start",
              nameTextStyle: {},
              nameTruncate: {},
              axisLabel: {
                // formatter:'{value}'//模板
              },
            },
            yAxis: {
              show: true,
              type: "value",
              name: "y轴",
              nameLocation: "end",
              nameTextStyle: {},
              nameTruncate: {},
              axisLabel: {
                // formatter:'{value}'//模板
              },
            },
            series: [
              {
                type: "line",
                //step:false,//阶梯曲线参照stepList
                //areaVisible:false,//是否显示面积如为true则新增areaStyle属性为{}其中配置可默认不做修改
                //symbol:'circle',//节点图形
                //symbolSize:2,//节点图形大小
                //smooth:0,//平滑取值0到1
                itemStyle: {},
                label: {},
              },
              {
                type: "line",
                itemStyle: {},
                label: {},
              },
            ],
          },
        },
      },
      {
        x: null,
        y: null,
        w: 6,
        h: 6,
        i: "14",
        name: "饼图",
        type: "echarts",
        iconName: "ts-icon-pie",
        config: {
          type: "pie",
          height: "100%",
          width: "100%",
          echartTypeName: "饼图",
          colorId: "1",
          dataset: {
            dims: [],
            indexs: [],
          },
          condition: {},
          option: {
            dataset: {
              dimensions: ["product", "2015", "2016", "2017"],
              source: [
                ["Matcha Latte", 43.3, 85.8, 93.7],
                ["Milk Tea", 83.1, 73.4, 55.1],
                ["Cheese Cocoa", 86.4, 65.2, 82.5],
                ["Walnut Brownie", 72.4, 53.9, 39.1],
              ],
            },
    
            title: {
              text: "Pie Demo",
              subtext: "基础饼图",
              textStyle: {},
              subtextStyle: {},
            },
            color: [
              "#5470c6",
              "#91cc75",
              "#fac858",
              "#ee6666",
              "#73c0de",
              "#3ba272",
              "#fc8452",
              "#9a60b4",
              "#ea7ccc",
            ],
            grid: {
              left: "2",
              right: "1",
              top: "80",
              bottom: "40",
            },
            tooltip: {
              show: true,
              trigger: "axis",
              textStyle: {},
            },
            legend: {
              show: true,
              icon: "roundRect",
              orient: "vertical",
              left: "right",
              textStyle: {
                color: "#333", // 图例文字颜色
                fontSize: 12,
              },
            },
            series: [
              {
                type: "pie",
    
                roseType: false, // '是否为南丁格尔图' 取值为'radius' 'area'
                radius: ["0%", "50%"],
                label: {},
              },
            ],
          },
        },
      },
      {
        x: null,
        y: null,
        w: 6,
        h: 1,
        i: "15",
        name: "进度条",
        type: "process",
        iconName: "ts-icon-process-line",
        config: {
          percentage: 50,
          type: "line",
          status: "success",
          striped: true,
          stripedFlow: true,
        },
      },
      {
        x: null,
        y: null,
        w: 12,
        h: 4,
        i: "16",
        name: "查询条件",
        type: "queryCondition",
        iconName: "ts-icon-condition",
        config: {
          datasetId:''
        },
      },
      {
        x: null,
        y: null,
        w: 4,
        h: 3,
        i: "17",
        name: "数据卡片",
        type: "card",
        iconName: "el-icon-creditCard",
        config: {
          dataset: {
            label: "测试",
            prop: '',
          },
          datasetId:'',
          iconName: "el-icon-promotion",
          iconColor: "#409EFF",
          color: "blue",
        },
      },
      {
        x: null,
        y: null,
        w: 12,
        h: 6,
        i: "18",
        name: "标签页",
        type: "tabs",
        iconName: "ts-icon-tabs",
        category: "container",
        config: {
          selected: "first",
          tabs: [
            {
              label: "User",
              name: "first",
              children: [],
            },
            { label: "Config", name: "second", children: [] },
          ],
        },
      }
]
export default compoentList